<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>邮件验证码</title>
  <style type="text/css">
    /* 设置页面背景颜色和字体样式 */
    body {
      background-color: #f7f7f7;
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      line-height: 1.5;
      color: #666666;
      margin: 0;
      padding: 0;
    }
    /* 设置邮件内容样式 */
    .email-content {
      max-width: 600px;
      margin: auto;
      background-color: #ffffff;
      padding: 40px;
      border-radius: 10px;
      box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    }
    .email-content h1 {
      margin-top: 0;
      margin-bottom: 20px;
      font-size: 24px;
      font-weight: 600;
      color: #333333;
      text-align: center;
    }
    .email-content p {
      margin-bottom: 20px;
    }
    .email-content p:last-child {
      margin-bottom: 0;
    }
    /* 设置验证码样式 */
    .verification-code {
      display: inline-block;
      background-color: #f2f2f2;
      color: #333333;
      font-size: 18px;
      font-weight: 600;
      padding: 10px 20px;
      border-radius: 5px;
    }
    /* 设置链接样式 */
    .email-link {
      display: inline-block;
      background-color: #4285f4;
      color: #ffffff;
      text-decoration: none;
      padding: 14px 26px;
      font-size: 16px;
      font-weight: 600;
      border-radius: 5px;
      transition: background-color 0.3s ease;
    }
    .email-link:hover {
      background-color: #3367d6;
    }
    /* 设置页脚样式 */
    .email-footer {
      text-align: center;
      background-color: #f9f9f9;
      padding: 40px;
      margin-top: 40px;
      border-radius: 0 0 10px 10px;
    }
    .email-footer p {
      margin-bottom: 0;
      font-size: 14px;
      color: #999999;
    }
  </style>
</head>
<body>
  <div class="email-content">
    <div style="display: flex; align-items: center">
          <img src="http://open-app.club/logo.png" alt="Logo" style="max-width: 50px; display: block;">
      <span style="font-weight: bold;">OPEN-APP</span>
    </div>
    <h1>Welcome to OPEN-APP</h1>
    <p>尊敬的用户，您的验证码为：</p>
    <p style="text-align: center;"><span class="verification-code">${code}</span></p>
    <p>如果您没有请求此验证码，请忽略此邮件。</p>
    <p>如有任何疑问，请随时联系我们。</p>
    <p>谢谢！</p>
<!--    <p style="text-align: center;"><a href="https://example.com" class="email-link">访问我们的网站</a></p>-->
  </div>
 <div style="background-color: #f9f9f9; padding: 20px; text-align: center;">
  <p style="margin-bottom: 10px; font-size: 14px; color: #999999;">版权所有 © 2023 OPEN-APP</p>
<!--  <p style="margin-bottom: 20px; font-size: 14px; color: #999999;"><a href="http://open-app.club" style="color: #999999; text-decoration: underline;">OPEN-APP</a></p>-->
  <p style="margin-bottom: 20px; font-size: 14px; color: #999999;"><a href="#" style="color: #999999; text-decoration: underline;">取消订阅</a></p>
<!--  <p>-->
<!--    <a href="[你的Facebook链接]" style="color: #999999; text-decoration: none; margin-right: 10px;"><img src="facebook.png" alt="Facebook"></a>-->
<!--    <a href="[你的Twitter链接]" style="color: #999999; text-decoration: none; margin-right: 10px;"><img src="twitter.png" alt="Twitter"></a>-->
<!--    <a href="[你的LinkedIn链接]" style="color: #999999; text-decoration: none;"><img src="linkedin.png" alt="LinkedIn"></a>-->
<!--  </p>-->
</div>
</body>
</html>